<template>
	<view>
		<template>
		    <view class="container">
		        <view class="square">
					<view class="geren">
						个人记账本
					</view>
					<view class="benyue">
						<view class="ben">本月支出</view>
						<view class="yue">￥0.00</view>
					</view>
					<view class="lastbenyue">
						<view class="bens">
							<view class="ben">本月收入</view>
							<view class="yue">￥0.00</view>
						</view>
						<view class="beng">
							<view class="yuejie">月结余</view>
							<view class="moneys">￥0.00</view>
						</view>
					</view>
				</view>
		    </view>

			<view class="hezi">
				<text class="iconfont icon-a-jilu2 xuan"></text>	
			</view>
			<!-- 文字 -->
			<view class="wenzi">每一笔收支都是生活的印记，别让它们悄悄溜走哟</view>
			<view class="jia" @click="isShows" v-show="show">
				<view class="xuanjia">+</view>
			</view>
			<view class="abc" v-show="isShow">
				<view class="logins">
					<view class="loginsSon">
						<view class="yuan"></view>
						<view class="logins_s">个人记账本</view>
					</view>
					<view class="loginsSons">您还未登录，请先登录后即可使用</view>
					<view class="tel">
						<view class="iconfont icon-shouji"></view>
						<view class="tels">手机号快捷登录</view>
					</view>
					<view class="ck">
						<label>
							<checkbox /><text>我已阅读并同意 <text class="txt">《隐私保护协议》</text>和 <text class="txt">《用户协议》</text> </text>
						</label>
					</view>
				</view>
			</view>
		</template>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShow : false,
				show : true
			};
		},
		methods:{
			isShows(){
				this.isShow=!this.isShow
				this.show = !this.show
			}
		}
	}
</script>

<style lang="less">
	@import url('./persontally_book.less');
</style>
